<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt-br">
<?php 
	require_once('functions.php');
	require_once('user.php');
	require_once('checklist.php');
	session_start();
	if(isset($_SESSION['email'])){
    	$user = new user($_SESSION['email']);
	}
	else{
	   header('location /labua');
	}

?>


<?php include 'header.php' ?>
	
	<body>
		<?php include 'head.php' ?>
		<div class="content-wrapper">
				<div class="content">
					<p>O SAVUA é baseado no modelo heurístico de teste de usabilidade.<br/>
						Para começar a avaliar, cadastre-se no link ao lado. E meça o nível de satisfação da sua plataforma sobre checklists conhecidos pela literatura.
					</p>

				</div>
				<?php include "sidebar.php" ?>
				
			<?php if(isset($user)){
				?>
				<div class="content">

					<?php 
						//var_dump($user->checklists);
						?>
					<form action="check.php" method="post" id="checklist" name="checklist">
						<div class="resume">
							<h3>Checklist rápido - 25 questões</h3>
							<p> Desenvolvido pelo professor Dr Peters J. Meyers¹, especialista em usabilidade. Trata-se de um questionário prático,  dividido em 4 seções. As respostas variam de 1 (minimo) a 5 (maximo), conforme nível de aplicabilidade.</p>

							<div class="info">
								<p>Qual site deseja avaliar?</p>
								<p>URL: <input type="text" name="url" id="url" class="required" /></p>
							</div>
							<div id="accessbility">
								<div class="heading"><h3><a href="#accessbility">Acessibilidade</a></h3> </div>
								<div class="questions">
									<div id="question-01">
										<p>
											<span class="number">1) </span> O tempo de carregamento do site é razoável
										</p>
										<input type="radio" name="question[1][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[1][]" value="2"/>2
										<input type="radio" name="question[1][]" value="3"/>3
										<input type="radio" name="question[1][]" value="4"/>4
										<input type="radio" name="question[1][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[1][]" value="0"/>Não aplicável<br/>
										Comentários <br/><textarea name='comments[1][]'></textarea>
									</div>
									<div id="question-02">
										<p>
											<span class="number">2) </span> Contraste do plano de fundo adequado
										</p>
										<input type="radio" name="question[2][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[2][]" value="2"/>2
										<input type="radio" name="question[2][]" value="3"/>3
										<input type="radio" name="question[2][]" value="4"/>4
										<input type="radio" name="question[2][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[2][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[2][]'></textarea>
									</div>
									<div id="question-03">
										<p>
											<span class="number">3) </span>Tamanho da fonte e espaçamento é fácil de ler
										</p>
										<input type="radio" name="question[3][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[3][]" value="2"/>2
										<input type="radio" name="question[3][]" value="3"/>3
										<input type="radio" name="question[3][]" value="4"/>4
										<input type="radio" name="question[3][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[3][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[3][]'></textarea>
									</div>
									<div id="question-04">
										<p>
											<span class="number">4) </span> Flash e add-ons são usados com moderação
										</p>
										<input type="radio" name="question[4][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[4][]" value="2"/>2
										<input type="radio" name="question[4][]" value="3"/>3
										<input type="radio" name="question[4][]" value="4"/>4
										<input type="radio" name="question[4][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[4][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[4][]'></textarea>
									</div>
									<div id="question-05">
										<p>
											<span class="number">5) </span> Imagens têm atributos descritivos (ALT) apropriados
										</p>
										<input type="radio" name="question[5][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[5][]" value="2"/>2
										<input type="radio" name="question[5][]" value="3"/>3
										<input type="radio" name="question[5][]" value="4"/>4
										<input type="radio" name="question[5][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[5][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[5][]'></textarea>
									</div>
									<div id="question-06">
										<p>
											<span class="number">6) </span> O site tem uma página 404 customizada
										</p>
										<input type="radio" name="question[6][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[6][]" value="2"/>2
										<input type="radio" name="question[6][]" value="3"/>3
										<input type="radio" name="question[6][]" value="4"/>4
										<input type="radio" name="question[6][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[6][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[6][]'></textarea>
									</div>
								</div>
							</div>
							<div id="identity">
								<div class="heading"><h3><a href="#identity">Identidade</a></h3></div>
								<div class="questions">
									<div id="question-07">
										<p>
											<span class="number">7) </span> O logo do site está destacado
										</p>
										<input type="radio" name="question[7][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[7][]" value="2"/>2
										<input type="radio" name="question[7][]" value="3"/>3
										<input type="radio" name="question[7][]" value="4"/>4
										<input type="radio" name="question[7][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[7][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[7][]'></textarea>
									</div>
									<div id="question-08">
										<p>
											<span class="number">8) </span> A proposta do slogan é clara
										</p>
										<input type="radio" name="question[8][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[8][]" value="2"/>2
										<input type="radio" name="question[8][]" value="3"/>3
										<input type="radio" name="question[8][]" value="4"/>4
										<input type="radio" name="question[8][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[8][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[8][]'></textarea>
									</div>
									<div id="question-09">
										<p>
											<span class="number">9) </span> A homepage é compreendida em 5 segundos
										</p>
										<input type="radio" name="question[9][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[9][]" value="2"/>2
										<input type="radio" name="question[9][]" value="3"/>3
										<input type="radio" name="question[9][]" value="4"/>4
										<input type="radio" name="question[9][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[9][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[9][]'></textarea>
									</div>
									<div id="question-10">
										<p>
											<span class="number">10) </span> O caminho à informação da instituição é claro
										</p>
										<input type="radio" name="question[10][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[10][]" value="2"/>2
										<input type="radio" name="question[10][]" value="3"/>3
										<input type="radio" name="question[10][]" value="4"/>4
										<input type="radio" name="question[10][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[10][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[10][]'></textarea>
									</div>
									<div id="question-11">
										<p>
											<span class="number">11) </span> O caminho ao contato da instituição  é claro
										</p>
										<input type="radio" name="question[11][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[11][]" value="2"/>2
										<input type="radio" name="question[11][]" value="3"/>3
										<input type="radio" name="question[11][]" value="4"/>4
										<input type="radio" name="question[11][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[11][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[11][]'></textarea>
									</div>
								</div>
							</div>
							<div id="navigation">
								<div class="heading"><h3><a href="#navigation">Navegação</a></h3></div>
								<div class="questions">
									<div id="question-12">
										<p>
											<span class="number">12) </span> O menu principal é facilmente identificável
										</p>
										<input type="radio" name="question[12][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[12][]" value="2"/>2
										<input type="radio" name="question[12][]" value="3"/>3
										<input type="radio" name="question[12][]" value="4"/>4
										<input type="radio" name="question[12][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[12][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[12][]'></textarea>
									</div>
									<div id="question-13">
										<p>
											<span class="number">13) </span> Os itens do menu de navegação são claros e concisos
										</p>
										<input type="radio" name="question[13][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[13][]" value="2"/>2
										<input type="radio" name="question[13][]" value="3"/>3
										<input type="radio" name="question[13][]" value="4"/>4
										<input type="radio" name="question[13][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[13][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[13][]'></textarea>
									</div>
									<div id="question-14">
										<p>
											<span class="number">14) </span> Número de botões/links é razoável
										</p>
										<input type="radio" name="question[14][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[14][]" value="2"/>2
										<input type="radio" name="question[14][]" value="3"/>3
										<input type="radio" name="question[14][]" value="4"/>4
										<input type="radio" name="question[14][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[14][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[14][]'></textarea>
									</div>
									<div id="question-15">
										<p>
											<span class="number">15) </span> O logo está linkado à página principal
										</p>
										<input type="radio" name="question[15][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[15][]" value="2"/>2
										<input type="radio" name="question[15][]" value="3"/>3
										<input type="radio" name="question[15][]" value="4"/>4
										<input type="radio" name="question[15][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[15][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[15][]'></textarea>
									</div>
									<div id="question-16">
										<p>
											<span class="number">16) </span> Os links são consistentes e fáceis de identificar
										</p>
										<input type="radio" name="question[16][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[16][]" value="2"/>2
										<input type="radio" name="question[16][]" value="3"/>3
										<input type="radio" name="question[16][]" value="4"/>4
										<input type="radio" name="question[16][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[16][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[16][]'></textarea>
									</div>
									<div id="question-17">
										<p>
											<span class="number">17) </span> A busca no site é fácil de identificar
										</p>
										<input type="radio" name="question[17][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[17][]" value="2"/>2
										<input type="radio" name="question[17][]" value="3"/>3
										<input type="radio" name="question[17][]" value="4"/>4
										<input type="radio" name="question[17][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[17][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[17][]'></textarea>
									</div>
								</div>
							</div>
							<div id="content-type">
								<div class="heading"><h3><a href="#content-type">Conteúdo</a></h3></div>
								<div class="questions">
									<div id="question-18">
										<p>
											<span class="number">18) </span> Os cabeçalhos são claros e descritivos
										</p>
										<input type="radio" name="question[18][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[18][]" value="2"/>2
										<input type="radio" name="question[18][]" value="3"/>3
										<input type="radio" name="question[18][]" value="4"/>4
										<input type="radio" name="question[18][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[18][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[18][]'></textarea>
									</div>
									<div id="question-19">
										<p>
											<span class="number">19) </span> O conteúdo crítico está acima da borda
										</p>
										<input type="radio" name="question[19][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[19][]" value="2"/>2
										<input type="radio" name="question[19][]" value="3"/>3
										<input type="radio" name="question[19][]" value="4"/>4
										<input type="radio" name="question[19][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[19][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[19][]'></textarea>
									</div>
									<div id="question-20">
										<p>
											<span class="number">20) </span> Estilos e cores são consistentes
										</p>
										<input type="radio" name="question[20][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[20][]" value="2"/>2
										<input type="radio" name="question[20][]" value="3"/>3
										<input type="radio" name="question[20][]" value="4"/>4
										<input type="radio" name="question[20][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[20][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[20][]'></textarea>
									</div>
									<div id="question-21">
										<p>
											<span class="number">21) </span> Ênfases(negritos,etc) são usadas com moderação
										</p>
										<input type="radio" name="question[21][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[21][]" value="2"/>2
										<input type="radio" name="question[21][]" value="3"/>3
										<input type="radio" name="question[21][]" value="4"/>4
										<input type="radio" name="question[21][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[21][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[21][]'></textarea>
									</div>
									<div id="question-22">
										<p>
											<span class="number">22) </span> Propagandas e pop-ups são discretos
										</p>
										<input type="radio" name="question[22][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[22][]" value="2"/>2
										<input type="radio" name="question[22][]" value="3"/>3
										<input type="radio" name="question[22][]" value="4"/>4
										<input type="radio" name="question[22][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[22][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[22][]'></textarea>
									</div>
									<div id="question-23">
										<p>
											<span class="number">23) </span> A descrição principal da página é clara e explicativa?
										</p>
										<input type="radio" name="question[23][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[23][]" value="2"/>2
										<input type="radio" name="question[23][]" value="3"/>3
										<input type="radio" name="question[23][]" value="4"/>4
										<input type="radio" name="question[23][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[23][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[23][]'></textarea>
									</div>
									<div id="question-24">
										<p>
											<span class="number">24) </span> URLs são significativos e amigáveis
										</p>
										<input type="radio" name="question[24][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[24][]" value="2"/>2
										<input type="radio" name="question[24][]" value="3"/>3
										<input type="radio" name="question[24][]" value="4"/>4
										<input type="radio" name="question[24][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[24][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[24][]'></textarea>
									</div>
									<div id="question-25">
										<p>
											<span class="number">25) </span> Os títulos das páginas são explicativos
										</p>
										<input type="radio" name="question[25][]" value="1"/><span class="less">1 (péssimo)</span>
										<input type="radio" name="question[25][]" value="2"/>2
										<input type="radio" name="question[25][]" value="3"/>3
										<input type="radio" name="question[25][]" value="4"/>4
										<input type="radio" name="question[25][]" value="5"/><span class="most">5 (excelente)</span>
										<input type="radio" name="question[25][]" value="0"/>Não aplicável <br/>
										Comentários <br/><textarea name='comments[25][]'></textarea>
									</div>
								</div>
							</div>
						</div>
						<div class="usability" style="display:none;">
							<h3>Teste de Usabilidade</h3>
							<p> As 10 heurísticas a seguir foram desenvolvidas por Jakob Nielsen e estão disponíveis em <a href="http://www.useit.com/papers/heuristic/heuristic_list.html" target="_blank"> http://www.useit.com/papers/heuristic/heuristic_list.html </a>.</p>

							<div class="info">
								<p>Avaliando o site: </p>
							</div>
							<div id="content-type">

								<div id="question-26">
									<p>
										<span class="number">1) </span> Visibilidade do status do sistema
									</p>
									<input type="radio" name="question[26][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[26][]" value="2"/>2
									<input type="radio" name="question[26][]" value="3"/>3
									<input type="radio" name="question[26][]" value="4"/>4
									<input type="radio" name="question[26][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[26][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[26][]'></textarea>
								</div>
								<div id="question-27">
									<p>
										<span class="number">2) </span> Compatibilidade entre o sistema e o mundo real
									</p>
									<input type="radio" name="question[27][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[27][]" value="2"/>2
									<input type="radio" name="question[27][]" value="3"/>3
									<input type="radio" name="question[27][]" value="4"/>4
									<input type="radio" name="question[27][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[27][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[27][]'></textarea>
								</div>
								<div id="question-28">
									<p>
										<span class="number">3) </span> Controle e liberdade do usuário
									</p>
									<input type="radio" name="question[28][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[28][]" value="2"/>2
									<input type="radio" name="question[28][]" value="3"/>3
									<input type="radio" name="question[28][]" value="4"/>4
									<input type="radio" name="question[28][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[28][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[28][]'></textarea>
								</div>
								<div id="question-29">
									<p>
										<span class="number">4) </span> Consistência e padrões
									</p>
									<input type="radio" name="question[29][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[29][]" value="2"/>2
									<input type="radio" name="question[29][]" value="3"/>3
									<input type="radio" name="question[29][]" value="4"/>4
									<input type="radio" name="question[29][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[29][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[29][]'></textarea>
								</div>
								<div id="question-30">
									<p>
										<span class="number">5) </span> Prevenção de erro
									</p>
									<input type="radio" name="question[30][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[30][]" value="2"/>2
									<input type="radio" name="question[30][]" value="3"/>3
									<input type="radio" name="question[30][]" value="4"/>4
									<input type="radio" name="question[30][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[30][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[30][]'></textarea>
								</div>
								<div id="question-31">
									<p>
										<span class="number">6) </span> Reconhecimento ao invés de relembrança
									</p>
									<input type="radio" name="question[31][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[31][]" value="2"/>2
									<input type="radio" name="question[31][]" value="3"/>3
									<input type="radio" name="question[31][]" value="4"/>4
									<input type="radio" name="question[31][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[31][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[31][]'></textarea>
								</div>
								<div id="question-32">
									<p>
										<span class="number">7) </span> Flexibilidade e Efieciência de uso
									</p>
									<input type="radio" name="question[32][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[32][]" value="2"/>2
									<input type="radio" name="question[32][]" value="3"/>3
									<input type="radio" name="question[32][]" value="4"/>4
									<input type="radio" name="question[32][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[32][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[32][]'></textarea>
								</div>
								<div id="question-33">
									<p>
										<span class="number">8) </span> Estética e design minimalista
									</p>
									<input type="radio" name="question[33][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[33][]" value="2"/>2
									<input type="radio" name="question[33][]" value="3"/>3
									<input type="radio" name="question[33][]" value="4"/>4
									<input type="radio" name="question[33][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[33][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[33][]'></textarea>
								</div>
								<div id="question-34">
									<p>
										<span class="number">9) </span> Ajudar o usuário reconhecer, diagnosticar e recuperar erros
									</p>
									<input type="radio" name="question[34][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[34][]" value="2"/>2
									<input type="radio" name="question[34][]" value="3"/>3
									<input type="radio" name="question[34][]" value="4"/>4
									<input type="radio" name="question[34][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[34][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[34][]'></textarea>
								</div>
								<div id="question-35">
									<p>
										<span class="number">10) </span> Ajuda e documentação
									</p>
									<input type="radio" name="question[35][]" value="1"/><span class="less">1 (péssimo)</span>
									<input type="radio" name="question[35][]" value="2"/>2
									<input type="radio" name="question[35][]" value="3"/>3
									<input type="radio" name="question[35][]" value="4"/>4
									<input type="radio" name="question[35][]" value="5"/><span class="most">5 (excelente)</span>
									<input type="radio" name="question[35][]" value="0"/>Não aplicável <br/>
									Comentários <br/><textarea name='comments[35][]'></textarea>
								</div>
							</div>
						</div>
						<div class="buttons">
							<p> Você deseja: </p>
							<p><button type="button" id="usability-button">Continuar avaliando usabilidade >></button>
							<input type="submit" value="Terminar Avaliação" /></p>
						</div>
					</form>
					<div class="clear"></div>
					<div class="footer">
						<p class="reference">¹ Autor de <a href="http://www.usereffect.com" target="_blank" alt="referencia"> http://www.usereffect.com </a></p>
					</div>
				</div>
				<aside class="sidebar-wrapper">

				</aside>
			<?php 
			}
			?>
			<footer>
				<p>
					Contato <br/>
					Profª Renata Pontín -  <a href="mailto:renata@icmc.usp.br" title="e-mail" >renata@icmc.usp.br</a> <br/>
					Gabriel de Oliveira Gonçalves - <a href="mailto:gabriecdc@usp.br" title="e-mail" >gabrielcdc@usp.br</a>  <br/>
				</p>
			</footer>
		</div>
		<div class="clear"></div>
	</body>
</html>

